<template>
  <div
    class="rounded-2xl w-30 h-8 bg-[var(--inputBg)] py-1 px-2 flex m-4 hover:bg-[var(--active)] items-center justify-evenly select-none"
  >
    <i class="iconfont icon-yonghu-yuan" style="font-size: 18px"></i>
    <span class="text-[12px]">未登录</span>
    <i class="iconfont icon-24gf-play" style="font-size: 12px"></i>
  </div>
</template>
<script setup></script>

<style scoped>
.icon-24gf-play {
  transform: rotate(90deg);
}
</style>
